<?
	// imagenes
	$lang = $this->getLanguage();
	$oAtractivo = $this->aDatos[$cTemplateId][oAtractivo];
	$ncAtractivo = $oAtractivo[ncAtractivo];
	$aFotos = traer_fotos( $ncAtractivo );		
	$nqFotos = count($aFotos);
	$cArrayFotografos = $cArrayImagenes ='';
	foreach($aFotos as $aFoto ) {
		$cArrayImagenes .= ( $cArrayImagenes != '' ? ',':'' ) . "'" . $aFoto[cUrlBase] . $aFoto[cArchivoFoto] . "'" ;
		$cArrayFotografos .= ( $cArrayFotografos != '' ? ',':'' ) . "'" . $aFoto[cFotografo] . "'" ;
	}
	$cArrayImagenes  = "var NewImg = new Array ($cArrayImagenes );";	
	$cArrayFotografos  = "var NewFot = new Array ($cArrayFotografos);";		
?>
<script type="text/javascript">
<?=$cArrayImagenes  ?>
<?=$cArrayFotografos ?>
	var ImgNum = 0;
	var ImgLength = NewImg.length - 1;
	var delay = 2500; //Time delay between Slides in milliseconds
	var lock = false;
	var run;
	function chgImg(direction){
	if (document.images) {
		ImgNum = ImgNum + direction;
		if (ImgNum > ImgLength){
			ImgNum = 0;
			}
		if (ImgNum < 0){
			ImgNum = ImgLength;
			}
		document.pic.src = NewImg[ImgNum];
		o = document.getElementById('picTxt');
		o.innerHTML= NewFot[ImgNum];
	   	}
	}
	function auto(){
		if (lock == true){
			lock = false;
			window.clearInterval(run);
			}
		else if (lock == false){
			lock = true;
			run = setInterval("chgImg(1)", delay);
		   	}
	}
</script>
		<div>
			<div style="text-align:center"><img src="<?= $aFotos[0][cUrlBase] . $aFotos[0][cArchivoFoto] ?>"width="580" height="380" style="border:none" alt="foto" name="pic" id="pic" /></div>
			<div style="text-align:center" id="picTxt" ><?= $aFotos[0][cFotografo] ?></div>
		<?  // Si hay mas de una foto muestra los botones para visualizarlas
			if ( $nqFotos > 1 )
			{
		?>
			<div style="clear: none; overflow: auto; height: 15px; padding: 1px; background-color: #EEE">
				<div style="float: right" class="flecha_der"><a href="javascript:chgImg(1)"><img src="imagenes/flecha_der.gif" width="17" height="14" style="border: none" alt=">>" /></a></div>
				<div style="float: right" class="flecha_izq"><a href="javascript:chgImg(-1)"><img src="imagenes/flecha_izq.gif" width="17" height="14" style="border: none" alt="<<" /></a></div>
				<div style="float: right" class="flecha_auto"><a href="javascript:auto()"><img src="imagenes/foto.gif" width="18" height="14" border="0"></a></div>
			</div>
		<?  }?>
		</div>